<!DOCTYPE html><html lang="en"><head><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Impress demo</title><link rel="stylesheet" type="text/css" href="index.css"></head><body><div class="container"><svg id="icon"><g id="rect1"><rect x="0" y="0" width="50" height="50"></rect></g><g id="rect2"><rect rect x="0" y="0" width="50" height="50" rx="25" ry="25"></rect></g></svg></div><script src="lib/jquery.min.js"></script><script src="lib/svg-morpheus.js"></script><script>var myIcons = new SVGMorpheus('#icon');
$('#icon').hover(function(){
    document.body.style.fill = "#" + (Math.random() + "").slice(-6);
    myIcons.to("#rect1");
},function(){
    myIcons.to("#rect2");
    document.body.style.fill = "#" + (Math.random() + "").slice(-6);
});</script></body></html>